<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">

    <title>资源</title>
    <link rel="stylesheet" href="../../../static/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="../../../static/css/vendor/font-awesome.css">
    <link rel="stylesheet" href="../../../static/css/vendor/ion-fonts.css">
    <link rel="stylesheet" href="../../../static/css/style.css">
    <link rel="stylesheet" href="../../../static/css/plugins/animate.css">
    <link rel="stylesheet" href="../../../static/test/ziy/common.css">
    <link rel="stylesheet" href="../../../static/test/ziy/iconfont.css">
    <link rel="stylesheet" href="../../../static/test/ziy/coursewarev3.css">
    <link rel="stylesheet" href="../../../static/test/ziy/previewfile.css">
    <link rel="stylesheet" href="../../../static/layui/css/modules/layer/default/layer.css">

    <style>

        .abce *{
            box-sizing: content-box;

        }
        .abce a:hover{
            color: #3a3a3a !important;
        }
    </style>

</head>

<body class="template-color-1">


<div class="main-wrapper">

    <!-- Begin Loading Area -->
    <div class="loading">
        <div class="text-center middle">
                <span class="loader">
            <span class="loader-inner"></span>
                </span>
        </div>
    </div>
    <!-- Loading Area End Here -->

    <!-- Begin Umino's Header Main Area -->
    <header class="header-main_area">
        <div class="header-top_area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="ht-left_area">
                            <div class="header-shipping_area">
                                <span>It is teaching<strong>System</strong></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="ht-right_area">
                            <div class="ht-menu">
                                <ul>
                                    <li><a href="#"></a></li>
                                    <li><a href=""></a></li>
                                    <li><a href="#"><i class="ion-person"></i>个人中心</a></li>
                                    <li><a href="#"><i class="ion-log-out"></i>退出用户</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-middle_area">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-2">
                        <div class="header-logo">
                            <a href="index/index.html">
                                <img src="../../../static/images/menu/logo/1.png" alt="Umino's Header Logo">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-2 d-none d-lg-block">
                        <div class="hm-form_area">
                            <form action="#" class="hm-searchbox">
                                <!-- <input type="text" placeholder="Search product...">
                                <button class="umino-search_btn" type="submit"><i class="ion-android-search"></i></button> -->
                            </form>
                        </div>
                    </div>
                    <div class="col-lg-5 d-none d-lg-block">
                        <div class="contact-info">
                            <div class="contact-info_icon">
                                <i class="ion-android-clipboard"></i>
                            </div>
                            <div class="contact-info_content" th:if="${course != null}">
                                <span th:text="${course.name}">数据结构</span>
                                <a href="/member/list" th:text="${course.teacherName}" style="cursor:pointer">老师：xxx</a>
                            </div>
                            <div class="contact-info_content" th:if="${course == null}">
                                <span>错误！！！</span>
                                <span>暂无此课程</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-2 col-lg-3 d-none d-lg-block">
                        <div class="hm-minicart_area">
                            <ul>
                                <li>
                                    <a href="cart.html">
                                        <div class="minicart-icon wishlist-icon">
                                            <i class="ion-android-person-add"></i>
                                            <span class="item-count">2</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="cart.html">
                                        <div class="minicart-icon">
                                            <i class="ion-ios-chatbubble"></i>
                                            <span class="item-count">2</span>
                                        </div>
                                        <div class="minicart-title">
                                            <span class="item_total"></span>
                                        </div>
                                    </a>
                                    <ul class="minicart-body">

                                        <li>
                                            <div class="price_content">
                                                <div class="cart-subtotals">
                                                    <div class="products subtotal-list">
                                                        <span class="label">Subtotal</span>
                                                        <span class="value">$145.00</span>
                                                    </div>
                                                    <div class="shipping subtotal-list">
                                                        <span class="label">Shipping</span>
                                                        <span class="value">$7.00</span>
                                                    </div>

                                                </div>
                                                <div class="minicart-button">
                                                    <a class="umino-btn umino-btn_fullwidth" href="#">Checkout</a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-bottom_area @@bgColor">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-9 col-sm-7">
                        <div class="category-menu category-menu-hidden">
                            <div class="category-heading">
                                <h2 class="categories-toggle"><span>菜单</span></h2>
                            </div>
                            <div id="cate-toggle" class="category-menu-list">
                                <ul>
                                    <li><a href="">课堂</a></li>
                                    <li><a href="">备课区</a></li>
                                    <li class="right-menu"><a href="">教授的课程</a>
                                        <ul class="cat-dropdown_menu">
                                            <li>
                                                <a href="">数据结构</a>
                                                <a href="">计算机网络</a>
                                                <a href="">通信原理</a>
                                                <a href="">高等数学</a>
                                                <a href="">线性代数</a>

                                            </li>
                                        </ul>
                                    </li>

                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9 d-none d-lg-block position-../../static">
                        <div class="main-menu_area">
                            <nav class="main_nav">
                                <ul>
                                    <li><a href="/course/index.html">首页</a></li>
                                    <li class="active"><a th:href="@{'/matter/Amatter/'+${course.id}}">互动</a></li>
                                    <li><a href="../homework.html">作业</a></li>
                                    <li class="active"><a href="../courseware.html">资料</a></li>
                                    <li><a href="../testpaper.html">测试</a></li>
                                    <shiro:hasRole name="teacher">
                                        <li><a href="/attendance/selectAll">考勤</a></li>
                                    </shiro:hasRole>
                                    <shiro:hasRole name="student">
                                        <li><a href="/attendance/selectCourseAndTea">考勤</a></li>
                                    </shiro:hasRole>
                                </ul>
                            </nav>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="header-bottom_area header-sticky stick">
            <div class="container">
                <div class="row">
                    <div class="col-lg-2 col-md-6 col-sm-7">
                        <div class="header-logo">
                            <a href="index/index.html">
                                <img src="../../../static/images/menu/logo/1.png" alt="Umino's Header Logo">
                            </a>
                        </div>
                    </div>
                    <div class="breadcrumb-area"></div>
                    <!------------------------------------------浮动导航------------------------------------------->

                    <div class="col-xl-8 col-lg-7 d-none d-lg-block position-../../static">
                        <div class="main-menu_area">
                            <nav class="main_nav">
                                <ul>
                                    <li><a href="index/index.html">首页</a></li>
                                    <li><a href="../interact/interact.html">互动</a></li>
                                    <li><a href="homework.html">作业</a></li>
                                    <li class="active"><a href="courseware.html">资料</a></li>
                                    <li><a href="../testpaper/testpaper.html">测试</a></li>
                                    <shiro:hasRole name="teacher">
                                        <li><a href="/attendance/selectAll">考勤</a></li>
                                    </shiro:hasRole>
                                    <shiro:hasRole name="student">
                                        <li><a href="/attendance/selectCourseAndTea">考勤</a></li>
                                    </shiro:hasRole>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-3 d-none d-lg-block">
                        <div class="hm-minicart_area">
                            <ul>
                                <li>
                                    <a href="cart.html">
                                        <div class="minicart-icon wishlist-icon">
                                            <i class="ion-android-person-add"></i>
                                            <span class="item-count">2</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="cart.html">
                                        <div class="minicart-icon">
                                            <i class="ion-ios-chatbubble"></i>
                                            <span class="item-count">2</span>
                                        </div>

                                    </a>
                                    <ul class="minicart-body">
                                        <li>
                                            <div class="price_content">
                                                <div class="cart-subtotals">
                                                    <div class="products subtotal-list">
                                                        <span class="label">Subtotal</span>
                                                        <span class="value">$145.00</span>
                                                    </div>
                                                    <div class="shipping subtotal-list">
                                                        <span class="label">Shipping</span>
                                                        <span class="value">$7.00</span>
                                                    </div>
                                                </div>
                                                <div class="minicart-button">
                                                    <a class="umino-btn umino-btn_fullwidth" href="#">Checkout</a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <!--                            =============浮动导航 end=========================-->

                </div>
            </div>
        </div>

    </header>
    <div class="breadcrumb-area">

    </div>
</div>

<!-------------------------------------------资源内容------------------------------------------------------------->
<div class="abce">
    <div class="data-page cWidth-new" style="margin: 0 auto; padding: 0;">
        <div class="resources-area">
            <div class="left-pannel">
                <ul>
                    <li class="attachment active">附件资源</li>
                    <li class="outlink">外链资源</li>
                    <li class="mooc-resource">课程资源</li>
                </ul>
            </div>
            <div class="right-pannel">
                <div class="data-box">
                    <div class="title clearfix">
                        <div class="all fl" data-folderid="0">
                            <a href="javascript:;" class="here">所有文件</a>
                            <a href="javascript:;" class="there">所有文件</a>
                        </div>
                        <div class="multidelete fl" style="display: none;">
                            批量删除
                        </div>
                        <div class="qh-btn fr" style="display:none;">
                            <a href="javascript:;" title="网格33视图" class="type1 active"></a>
                            <a href="javascript:;" title="列表视图" class="type2"></a>
                        </div>
                    </div>
                    <div class="operation">
                        <div class="add-resource-btn fl">
                    <span class="tips">
                        <i class="iconfont iconchuangjiankecheng"></i>添加资源</span>
                        </div>
                        <div class="new-btn fl">
                            <i class="iconfont iconwenjianjia1"></i>新建文件夹</div>
                    </div>
                    <div class="container_con">
                        <div class="con_left" style="width: 100%;">
                            <div class="data-cont data-tab ">
                                <ul class="clearfix ui-sortable">
                                    <li data-fileid="" data-id="MDAwMDAwMDAwMLOstZmIudGvhMtyoQ" data-folder="1" class="ui-sortable-handle ui-draggable ui-draggable-handle">

                                        <a href="javascript:;" data-iscourseware="1" data-role="1" data-id="MDAwMDAwMDAwMLOstZmIudGvhMtyoQ" title="" data-name="" data-url="" data-down="https://package.ketangpai.com/Package/downloadCoursewareView/id/MDAwMDAwMDAwMLOstZmIudGvhMtyoQ/uid/MDAwMDAwMDAwMLOsuduHz69qhqVyoQ/courseid/MDAwMDAwMDAwMLOsy5SIubOx.html" data-src="" class="fileext">
                                            <img src="../../../static/test/ziy/img/file_ext_big_folder.png" data-src="">
                                        </a>
                                        <h3>
                                            <a href="javascript:;" class="foldertext" title="文件夹名">文件夹名</a>
                                        </h3>
                                        <div class="opt-aa">
                                            <a href="#" class="down-btn">下载</a>
                                            <a href="javascript:;" class="bc-btn">保存</a>
                                            <a href="javascript:;" class="edit-btn">编辑</a>
                                            <a href="javascript:;" class="more-btn">更多</a>
                                        </div>
                                    </li>
                                    <li data-fileid="MDAwMDAwMDAwMLOGz5SIqatohd52oQ" data-id="MDAwMDAwMDAwMLOstZmIuc1rhrVyoQ" data-folder="0" class="ui-sortable-handle ui-draggable ui-draggable-handle">
                                        <a href="javascript:;" data-iscourseware="1" data-role="1" data-id="MDAwMDAwMDAwMLOstZmIuc1rhrVyoQ" title="Apache_Shiro参考手册中文版.pdf" data-name="Apache_Shiro参考手册中文版.pdf" data-url="#" data-down="" data-src="" class="fileext">
                                            <img src="../../../static/test/ziy/img/file_ext_big_pdf.png" data-src="">
                                        </a>
                                        <h3>
                                            <a href="javascript:;" data-iscourseware="1" data-role="1" data-id="MDAwMDAwMDAwMLOstZmIuc1rhrVyoQ" title="Apache_Shiro参考手册中文版.pdf" data-name="Apache_Shiro参考手册中文版.pdf" data-url="" data-src="" data-ispic="" class="fileext">
                                                Apache_Shiro参...
                                            </a>
                                        </h3>
                                        <p>0次下载</p>
                                        <div class="opt-aa">
                                            <a href="#" class="down-btn">下载</a>
                                            <a href="javascript:;" class="yr-btn">移入</a>
                                            <a href="javascript:;" class="bc-btn">保存</a>
                                            <a href="javascript:;" class="more-btn">更多</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="data-tab data-cont2 hide">
                                <div class="cont2title">
                                    <div class="cwcheckboxall fl"></div>
                                    <p class="name fl">文件名</p>
                                    <p class="size fl">大小</p>
                                    <p class="date fl">上传时间</p>
                                    <p class="downcount fl">下载次数</p>
                                </div>
                                <ul class="ui-sortable"></ul>
                            </div>
                        </div>

                    </div>

                </div></div>
        </div>
    </div>

    <!--新建文件夹弹窗-->
    <div class="little-pop pop-new-2" id="new-wjj">
        <div class="title">
            <h3>新建文件夹</h3>
        </div>
        <div class="input-box">
            <span>文件夹名：</span>
            <input type="text" class="txt1" placeholder="请输入文件夹名">
        </div>
        <div class="btns" style="padding:0">
            <a href="javascript:;" class="cancel">取消</a>
            <a href="javascript:;" class="sure">新建</a>
        </div>
    </div>

</div>




<!-- JS============================================ -->

<script src="../../../static/test/ziy/js/sea.js"></script>
<script src="../../../static/test/ziy/js/jquery-sea-1.8.1.js"></script>
<script src="../../../static/js/vendor/jquery-1.12.4.min.js"></script>
<script src="../../../static/test/ziy/js/coursewarev3.js"></script>
<script src="../../../static/js/vendor/modernizr-2.8.3.min.js"></script>
<script src="../../../static/js/vendor/popper.min.js"></script>
<script src="../../../static/js/vendor/bootstrap.min.js"></script>
<script src="../../../static/test/ziy/js/template-web.js"></script>
<script src="../../../static/js/plugins/slick.min.js"></script>
<script src="../../../static/js/plugins/countdown.js"></script>
<script src="../../../static/js/plugins/jquery.barrating.min.js"></script>
<script src="../../../static/js/plugins/jquery.counterup.js"></script>
<script src="../../../static/js/plugins/jquery.nice-select.js"></script>
<script src="../../../static/js/plugins/jquery.sticky-sidebar.js"></script>
<script src="../../../static/js/plugins/jquery-ui.min.js"></script>
<script src="../../../static/js/plugins/jquery.ui.touch-punch.min.js"></script>
<script src="../../../static/js/plugins/venobox.min.js"></script>
<script src="../../../static/js/plugins/scroll-top.js"></script>
<script src="../../../static/js/plugins/theia-sticky-sidebar.min.js"></script>
<script src="../../../static/js/plugins/waypoints.min.js"></script>
<script src="../../../static/js/plugins/jquery.elevateZoom-3.0.8.min.js"></script>
<script src="../../../static/js/plugins/imagesloaded.pkgd.min.js"></script>
<script src="../../../static/js/plugins/isotope.pkgd.min.js"></script>
<script src="../../../static/js/ajax-mail.js"></script>
<script src="../../../static/js/main.js"></script>
<script src="../../../static/layui/layui.js"></script>
<!---------------------------------------------------------------->
<script type="text/html" id="tpl-courseware">
    <li data-fileid="" data-id="{{id}}" data-folder={{isfolder}}>
        <a href="javascript:;" data-iscourseware="1" data-role="{{role}}" data-id="{{id}}"  title="{{name}}" data-name=""
           data-url="{{rurl}}" data-down="{{url}}" data-src="" class="fileext">
            <img src="{{ext}}" data-src="">
        </a>
        <h3>
            {{if isfolder==1}}
            <a href="javascript:;" class="foldertext" title="{{foldername}}">{{foldername}}</a>
            {{/if}}
            {{if isfolder==0}}
            <a href="javascript:;" data-iscourseware="1" data-role="{{role}}" data-id="{{id}}" title="" data-name="" data-url="{{rurl}}" data-src="" data-ispic="}" class="fileext">
                {{name}}
            </a>
            {{/if}}
        </h3>
        {{if role==1}}{{if isfolder==0}}<p>1次下载</p>{{/if}}{{/if}}
        <div class="opt-aa">
            <a href="{{url}}" class="down-btn">下载</a>
            {{if isfolder==0}}
            {{if leavl == 1}}
            <a href="javascript:;" class="yr-btn">移入</a>
            {{/if}}
            {{if leavl == 2}}
            <a href="javascript:;" class="yc-btn">移出</a>
            {{/if}}
            {{/if}}
            <a href="javascript:;" class="bc-btn">保存</a>
            {{if isfolder==1}}
            <a href="javascript:;" class="edit-btn">编辑</a>
            {{/if}}
            <a href="javascript:;" class="more-btn">更多</a>
        </div>
    </li>
</script>
<script type="text/html" id="tpl-resource-dialog">
    <div class="abce">
    <div class="dr-pop resource-dialog" style="display:block;">
        <div class="pop-title layui-layer-title">
            <h3>{{title}}</h3>
            <a href="javascript:;" class="close"></a>
            <div class="dr-from">
                <a href="javascript:;" class="import1 active">从备课区资料导入</a>
                <a href="javascript:;" class="import2">从课程资料导入</a>
            </div>
        </div>
        <div class="pop-cont clearfix">
            <div class="class-item fl import1-item" style="height:402px;"></div>
            <div class="class-cont fr" style="height:402px;"></div>
        </div>
        <div class="btns">
            {{if hideUploader==false}}
            <a href="javascript:;" class="sc-btn fl">本地上传</a>
            {{/if}}
            <a href="javascript:;" class="cancel">取消</a>
            <a href="javascript:;" class="sure">确定</a>
        </div>
    </div>
    </div>
</script>
<script type="text/html" id="tpl-import-part">
    {{if import1}}
    {{if !data||!data.length}}
    <p class="no">空空如也</p>
    {{else}}
    <div class="class-item fl import1-item" style="min-height:200px;">
        <ul></ul>
    </div>
    <div class="class-cont fr">
        <ul class="cont-box clearfix" >
        </ul>
    </div>
    {{/if}}
    {{/if}}
    {{if import2}}
    {{if !lists||!lists.length}}
    <p class="no">空空如也</p>
    {{else}}
    <div class="class-item fl import2-item" style="min-height:200px;">
        <ul></ul>
    </div>
    <div class="class-cont fr">
        <ul class="cont-box clearfix" >
        </ul>
    </div>
    {{/if}}
    {{/if}}
</script>
<script type="text/html" id="tpl-import-resource">
    {{each data as c}}
    <li data-id="{{c['id']}}" >
        <a href="javascript:;" title="{{c['title']}}">
            <i></i>
            <span>{{c['title']}}</span>
        </a>
    </li>
    {{/each}}
</script>
<script type="text/html" id="tpl-import-course">
    {{each lists as c}}
    <li data-id="{{c['id']}}" >
        <a href="javascript:;" title="{{c['coursename']}}">
            <i></i>
            <span>{{c['coursename']}}</span>
        </a>
    </li>
    {{/each}}
</script>
<script type="text/html" id="tpl-import-courseware">
    {{if lists.length==0}}
    <p class="no">该{{if iscourse}}班级{{/if}}{{if isresource}}备课区{{/if}}没有指定类型的资源</p>
    {{/if}}
    {{each lists as c}}
    <li class="cont-list resource-list" data-fileid="{{c.fileid}}" data-id="{{c.id}}" data-folder="{{c.isfolder}}">
        <h3 class="name fl">
            <img src="{{c.ext}}" data-src="{{c.src}}" data-down="{{c.url}}" data-ispic="{{c.isPic}}">
            {{if c.isfolder==1}}
            <a href="javascript:;" class="foldertext" title="{{c.foldername}}">{{c.foldername}}</a>
            {{/if}}
            {{if c.isfolder==0}}
            <a href="javascript:;" title="{{c.name}}" data-name="{{c.name}}" data-url="{{c.rurl}}" data-src="{{c.src}}" data-ispic="{{c.isPic}}"  class="fileext">{{c.name}}</a>
            {{/if}}
        </h3>
        {{if c.isfolder==1&&istofolder}}
        {{if radio==1}}
        <i class="radio"></i>
        {{else}}
        <i class="checkbox"></i>
        {{/if}}
        {{else}}
        {{if radio==1}}
        <i class="radio"></i>
        {{else}}
        <i class="checkbox"></i>
        {{/if}}
        {{/if}}
    </li>
    {{/each}}
</script>
<script type="text/html" id="tpl-ppt-upload">
    <div class="ppt-upload-pop">
        <div class="title">
            <h3>正在上传及转码...(大概需要1到5分钟左右)</h3>
            <a href="javascript:;" class="close"></a>
        </div>
        <div class="cont">
            <img src="{{ext}}">
            <p>{{name}}</p>
        </div>
        <div class="meter-box clearfix">
            {{if url}}
            <p>转码中...</p>
            <span>99%</span>
            <div class="m1">
                <div class="m2" style="width:99%;"></div>
            </div>
            {{else}}
            <p>{{size}}</p>
            <span>0%</span>
            <div class="m1">
                <div class="m2"></div>
            </div>
            {{/if}}
        </div>
    </div>
</script>
<script>
    seajs.config({
        alias: {
            jquery: "jquery-sea-1.8.1.js",
            layer:"layer.js",
            API:"dataapi.js",
            plugin:"plugin.js",
            scrollBar:"scrollBar.js"
        }}),
    seajs.use('/static/test/ziy/js/coursewarev3.js');
</script>
</body>

</html>

